@charset "utf-8";
/* CSS Document */
.leftBox
{
	float:left;
	margin-top:20px;
	margin-left:120.5px;
	width:861px;
	height:auto;
}
.leftMainBox
{
	float:left;
	width:861px;
	height:auto;
	border:#dcdcdc thin solid;
}
.leftTitleBox
{
	float:left;
	width:861px;
	height:36px;
    border-bottom:#dcdcdc thin solid;
	background:#F1F1F1;
}
.triIcon
{
	float:left;
	width:36px;
	height:36px;
	background-image:url(../Images/zxxglistDetail/triIconSmall.png);
	background-size:22px 22px;
}
.leftTitleName
{
	float:left;
	font-size:14px;
	line-height:36px;
	text-align:left;
	color:#555;
}
.middileBox
{
	float:left;
	width:861px;
	height:auto;
}
.imgBox
{
	float:left;
	width:540px;
	height:400px;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	background:#099;
}
.explainBox
{
	float:right;
	margin-right:20px;
	margin-top:20px;
	height:400px;
	width:261px;
	background:#090;
}
.imgShapeBox
{
	float:left;
	margin-top:20px;
	height:118px;
	width:861px;
	background:#E6E6E6;
}
.imgShape
{
	float:left;
	margin-top:15px;
	margin-left:20px;
	width:95px;
	height:88px;
	background:#3CF;
}
.lastButton
{
	float:left;
	margin-top:35px;
	margin-left:30px;
	width:45px;
	height:48px;
	cursor:pointer;
	background-image:url(../Images/zxxglistDetail/lastButton1Small.gif);
	background-size:40px 40px;
}
.nextButton
{
	float:left;
	margin-top:35px;
	margin-left:30px;
	width:45px;
	height:48px;
	cursor:pointer;
	background-image:url(../Images/zxxglistDetail/nextButton1Small.gif);
	background-size:40px 40px;
}
.LBmove
{
	float:left;
	margin-top:35px;
	margin-left:30px;
	width:45px;
	height:48px;
	cursor:pointer;
	background-image:url(../Images/zxxglistDetail/lastButton2Small.gif);
	background-size:40px 40px;
	display:none;
}
.NBmove
{
	float:left;
	margin-top:35px;
	margin-left:30px;
	width:45px;
	height:48px;
	cursor:pointer;
	background-image:url(../Images/zxxglistDetail/nextButton2Small.gif);
	background-size:40px 40px;
	display:none;
}
/*案例详情*/
.detailBox
{
    float:left;
	margin-top:20px;
	width:861px;
	height:auto;
	border:#dcdcdc thin solid;
}
.detailTitleBox
{
	float:left;
	width:861px;
	height:36px;
    border-bottom:#dcdcdc thin solid;
	background:#F1F1F1;;
}
.detailTitleName
{
	float:left;
	line-height:36px;
	text-align:left;
	color:#555;
}
.detailMainBox
{
	float:left;
	width:861px;
	height:60px;
}
/*****************************************/
/*rightBox*/
.rightBox
{
	float:right;
	margin-top:20px;
	margin-right:120.5px;
	width:240px;
	height:auto;
}
/*sortBox*/
.sortBox
{
	float:left;
	height:auto;
	width:240px;
	border:#dcdcdc thin solid;
	padding-bottom:10px;
	margin-bottom:20px;
}
.sortTitleBox
{
	float:left;
	width:240px;
	height:36px;
	border-bottom:#dcdcdc thin solid;
	background:#F1F1F1;
	text-align:left;
	text-indent:20px;
	line-height:36px;
}
dl
{
	float:left;
	width:220px;
	height:30px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:0px;
	overflow:hidden;
}
span.Icon1
{
	float:left;
	height:30px;
	width:30px;
	line-height:30px;
	color:#fff;
	font-size:14px;
	display:block;
	background:#DD4F50;
}

span
{
	float:left;
	height:30px;
	width:30px;
	line-height:30px;
	color:#fff;
	font-size:14px;
	background:#333;
}
.sortBox p a
{
	line-height:30px;
	height:30px;
	width:168px;
	margin-top:-16px;
	color:#555;
	text-align:left;
	text-indent:10px;
	font-size:14px;
	display:block;
	overflow:hidden;
}
.sortImgList
{
	float:left;
	margin-top:10px;
	width:240px;
	height:auto;
}
.sortImgList img
{
	float:left;
	margin-left:10px;
	width:105px;
	height:80px;
}
ul
{
	float:left;
	width:200px;
	height:auto;
	margin:0px;
	margin-top:10px;
	margin-left:28px;
	padding:0px;
}
li{
	list-style:none;
}
li a
{
	margin-top:5px;
	margin-left:0px;
	line-height:20px;
	padding:0px;
	height:20px;
	width:200px;
	color:#555;
	text-align:left;
	font-size:14px;
	display:block;
	overflow:hidden;
}